<template>
  <div class="app">
    <div class="top df jcsb">
      <div class="left">
        <h2>{{shopData.data.name}}</h2>
        <p>
               <van-rate
              class="s1"
              v-model="value"
              :size="10"
              color="#ffd21e"
              void-icon="star"
              void-color="#eee"
            />
            (661) <span>月销1000单</span>
        </p>
      </div>
      <div class="right">
        <van-icon class="ai" name="like-o" size="20" color="red" />
        <p class="p1">已收藏</p>
      </div>
    </div>
    <div class='bott df jcsb aic'>
     <div>
        <h5>起送价</h5>
        <p><span>{{shopData.data.minPrice}}</span>元</p>
     </div>
     <div>
        <h5>商家配送</h5>
        <p><span>8</span>元</p>
     </div>
     <div>
        <h5>平均配送时间</h5>
        <p><span>{{shopData.data.minPrice}}</span>分钟</p>
     </div>
    </div>

    <div class="last">
        <h1>活动与公告</h1>
        <p>{{shopData.data.bulletin}}</p>
    </div>
  </div>
</template>

<script>
import { getShopSellerReq } from "@/api/shop";
export default {
    data(){
        return{
       shopData:{}
        }
    },
    methods:{
        async getData(){
            let res = await getShopSellerReq()
            // console.log(res.data);
            this.shopData=res.data
            console.log(this.shopData);
        }
    },
    created(){
        this.getData()
    }
};
</script>

<style lang="scss" scoped>

.top{
    // padding: 20px 0;
    border-bottom: 1px solid #dcdada;
    background: #FFF;
    padding:  30px;
}
.p1{
    margin-right: 5px;
}
.ai{
    margin-left: 5px;
}
.bott{
    background: #FFF;
    height: 200px;
    padding: 40px;
     color: #ccc;
    h5{
        font-weight: bold;
        font-size: 19px;
    }
    span{
        font-size: 38px;
        color: #000;
    }
}
.last{
    background: #FFF;
    margin-top: 30px;
    padding: 40px;
    h1{
      font-size: 32px;
      height: 50px;
    }
    p{
        color: #e8886b;
        font-weight: bold;
        font-size: 20px;
    }
}

</style>
